<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>个人中心-记录</title>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="../scss/bootstrap/javascripts/bootstrap.min.js"></script>
    <script src="../scss/bootstrap/javascripts/offcanvas.js"></script>
</head>
<body>
<div class="personal">
    <section class="p_header hidden-xs">
        <div class="tree_header">
            <div class="max_body">
                <div class="pull-left ">
                    <ul class="list-inline">
                        <li><a href="#">首页</a></li>
                        <li><a href="#">新闻</a></li>
                        <li><a href="#">家庭树</a></li>
                        <li><a href="#">族谱</a></li>
                        <li><a href="#">广场</a></li>
                        <li><a href="#">百家姓</a></li>
                    </ul>
                </div>
                <div class="pull-right hidden-sm hidden-xs">
                    <div class="user_box">
                        <div class="user">
                            <i class="fa fa-user m-r-xs"></i>杨薇
                        </div>
                        <ul class="drop_info">
                            <li><a href="#" class="active">个人设置</a></li>
                            <li><a href="#">消息通知</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="visible-xs">
        <div class="p_xs_menu">
            <nav class="navbar  navbar-inverse text-right ht_nav" role="navigation">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#example-navbar-collapse">
                            <span class="sr-only">切换导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" id="example-navbar-collapse">
                        <ul class="list-inline">
                            <li><a href="#">首页</a></li>
                            <li><a href="#">新闻</a></li>
                            <li><a href="#">家庭树</a></li>
                            <li><a href="#">族谱</a></li>
                            <li><a href="#">广场</a></li>
                            <li><a href="#">百家姓</a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            <a class="navbar-brand col-xs-5 visible-xs" href="#"> <img src="../images/logo2.png" alt="族谱网www.zupu.cn" height="32px" class="m-r-xs pull-left"></a>
        </div>
    </section>
    <section class="p_info max_body">
        <div class="row">
            <div class="col-sm-8 col-xs-12">
                <div class="media p15">
                    <a class="media-left col-xs-4 row" href="#">
                        <img src="../images/demo01.jpg." alt="头像" class="img-rounded img-responsive">
                    </a>
                    <div class="media-body p-l-md">
                        <h4 class="media-heading text_black"> <span class="text-info fwb">♂</span> 杨薇的主页</h4>
                        <p class="m-t text_oneline">中华人民共和国解放军少将，央视军事频道评论员</p>
                        <p class="m-t-xs hidden-xs">http://www.zupu.cn/u/100020 <button class="btn btn_xs">复制</button></p>
                        <p class="m-t-xs">
                            亲情指数：<i class="fa fa-star text_theme"></i><i class="fa fa-star text_theme"></i><i class="fa fa-star text_theme"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 hidden-xs text-center qr_hot">
                <img src="../images/ewm.png" alt="" class="img-thumbnail">
                <p class="text-center f18">热度<span class="text_theme">23243</span></p>
            </div>
        </div>
    </section>
    <section class="p_nav max_body">
        <ul class="list-inline">
            <li class="hidden-xs"><a>&emsp;</a></li>
            <li><a href="#">主页</a></li>
            <li><a href="#" class="active">记录<span class="hidden-xs">（234）</span></a></li>
            <li><a href="#">相册</a></li>
            <li><a href="#">家庭树</a></li>
            <li><a href="#">个人档案</a></li>
        </ul>
    </section>
    <section class="p_main max_body">
        <div class="row">
            <!--左边记录-->
            <div class="col-xs-12 col-sm-8 m-t" style="overflow:hidden;">
                <div>
                    <div class="p_ml_jd">
                        <a href="#">
                            <div class="text_theme p_btn_fb">
                                <i class="fa fa-plus m-r"></i>发布记录
                            </div>
                        </a>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步,苏联人非常重视与中国的友好关系。欢迎再这一方面的任何举措看完小戏骨白蛇传，找个好久，总算有了
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步
                        </div>
                        <div class="r_img clearfix">
                            <ul>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                            </ul>
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步
                        </div>
                        <div class="r_img clearfix">
                            <ul>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                                <li class="col-xs-4 m-t"><a href="#"><img src="../images/2.jpg" alt="" class="img-responsive"></a></li>
                            </ul>
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="p_ml_box m-t p-b bbs">
                        <div class="r_title">
                            带上背包跟着脚步去旅行
                        </div>
                        <div class="r_text text_gray m-t-xs text_oneline">
                            追寻大然的脚步
                        </div>
                        <div class="r_info row m-t">
                            <div class="col-xs-12 col-sm-4 hidden-xs text_gray">
                                1小时52分钟前
                            </div>
                            <div class="col-xs-12 col-sm-8 text_gray text-right">
                                <ul class="list-inline">
                                    <li><i class="fa fa-comment-o m-r-xs"></i>686人评论</li>
                                    <li><i class="fa fa-eye m-r-xs"></i>1686人阅读</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右边栏目-->
            <div class="col-xs-12 col-sm-4 pull-right m-t">
                <div class="p_mr_box  m-t-md">
                    <div class="box_t_two">
                        最新访客
                    </div>
                    <div class="clearfix mr_box_3">
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">邓泉</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">杨振</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                        <div class="col-xs-4 m-t">
                            <img src="../images/demo01.jpg" alt="" class="img-responsive">
                            <div class="name">刘思林</div>
                        </div>
                    </div>
                </div>
                <div class="p_mr_box  m-t-md">
                    <div class="box_t_two">
                        家庭相册
                    </div>
                    <div class="m-t">
                        <div class="border-s text-center">
                            <img src="../images/2.jpg" alt="" class="img-responsive">
                            <a href="#" class="p_mr_box_btn ">换一张</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer class="p_footer max_body text-center">
        <ul class="list-inline auto_center">
            <li><a href="#">关于族谱</a></li>|
            <li><a href="#">联系我们</a></li>
            <li><a href="#">版权所有@族谱网 备案：湘ICP备 1600426号</a></li>
        </ul>
    </footer>
</div>
</body>
</html>